<template>
	<view>
		<view class="smart-panel-head">
			<view class="smart-panel-head-title">rich-text</view>
		</view>
		<view class="text">
			<view class="text">rich-text富文本编辑</view>
		</view>
		
		<page-head title="rich-text,富文本"></page-head>
		<view class="smart-padding-wrap">
			<view><rich-text :nodes="nodes"></rich-text></view>
			<view><rich-text :nodes="strings"></rich-text></view>
		</view>
	</view>
</template>

<script>
export default {
    data() {
        return {
            nodes: [
                {
                    name: 'div',
                    attrs: {
                        class: 'div-class',
                        style: 'line-height: 60px; color: red; text-align:center;background-color: #09BB07;'
                    },
                    children: [
                        {
                            type: 'text',
                            text: 'Hello&nbsp;uni-app!'
                        }
                    ]
                }
            ],
            strings: '<div style= "text-align:center;margin-top:50rpx;" ><img src="/static/logo.png"/></div>'
        };
    },
    methods: {}
};
</script>

<style>

</style>
